<!DOCTYPE html> 
<%@ page language="java" errorPage="/error.jsp" pageEncoding="UTF-8"
    contentType="text/html;charset=utf-8"%>
<html>
<head>
<title>资源管理-统计信息</title>
<jsp:include page="/common/head.jsp"></jsp:include> 
<style>
   .sys-title {
        border-bottom: 1px dotted #dadada;
        padding: 5px;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 10px;
   }
</style>   
</head>
<body class="iframe-page">
 <div class="page-title-wrapper">
    <div class="page-title">
        <div class="page-title-text">
            <span>资源管理</span>
        </div>
    </div>
    <div class="page-title-border"></div>
 </div>
 <div class="distance-top"> 
  <div class="figure">
      <div class="figure-icon red">
        <i class="icon icon-home"></i>
      </div>
     <div class="figure-content">
        <div id="type1" class="figure-num">0</div>
        <div class="figure-text">子系统</div>
       <div class="figure-angel"></div>
     </div>
   </div>

   <div class="figure">
     <div class="figure-icon blue">
       <i class="icon icon-app"></i>
     </div>
     <div class="figure-content">
       <div id="type2" class="figure-num">0</div>
       <div class="figure-text">模块</div>
       <div class="figure-angel"></div>
     </div>
   </div>

   <div class="figure">
     <div class="figure-icon purple">
       <i class="icon icon-list-li"></i>
     </div>
     <div class="figure-content">
       <div id="type3" class="figure-num">0</div>
       <div class="figure-text">菜单</div>
       <div class="figure-angel"></div>
     </div>
   </div>

   <div class="figure">
     <div class="figure-icon green">
       <i class="icon icon-attachment"></i>
     </div>
     <div class="figure-content">
       <div id="type4" class="figure-num">0</div>
       <div class="figure-text">功能</div>
       <div class="figure-angel"></div>
     </div>
   </div>
  <div class="clear"></div>
</div>  
  <div class="callout distance-top">
    <p class="callout-title">操作说明</p>
    <p>1、点击左侧相应节点可查资源详细信息</p>
    <p>2、在相应节点右键可进行节点的添加、修改、删除操作</p>
    <p>3、删除节点时会将其下所有子节点一并删除,请谨慎操作</p>
  </div>
  
  <script>
     $(function() {
    	 $.sajax({
    		 url: basePath + '/sys/resource/stat',
    		 onLoadSuccess: function(data){
    			var arr = data.data;
    			for (var i = arr.length; i--;) {
    				$('#type'+arr[i].type).html(arr[i].count);
    			}
    		 }
    	 });
     });
  </script>  
</body>
</html>
